import React, { Component } from "react";
import Header from './Header'
import Content from './Content';
import Footer from "./Footer";

// 一般都是一个组件一个文件，因为一个组件一般都很大
// const Header=()=>{
//   return <div>头部</div>
// }
// const Content=()=>{
//   return <div>页面内容</div>
// }
// const Footer = () => {
//     return <div>页面尾部</div>
// }

// console.log(<Content />)

function App() {
    return (
        <div className="APP">
            <Header />
            {/* <Content data='100' /> */}
            <Footer />
        </div>
    )
}

export default App;
